const F = document.querySelector('#filehere');

F.addEventListener('change', function (evet) {
  // console.log(event.target.files[0]);
  const file = event.target.files[0];
  getFile(file)
    .then(result => {
      console.log(result);
    })
    .catch(err => {
      console.warn(err);
    })
    .finally(() => {
      console.log('完成');
    });
});

function getFile (file) {
  return new Promise(function (resolve, reject) {
    // 获取文件对象
    // 转换
    let read = new FileReader();
    read.onload = function (e) {
      resolve(e.target.result);
    }
    read.onerror = function (err) {
      reject(err);
    }
    // 返回结果
    read.readAsDataURL(file);
  })
}
 